<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/scree.css" rel="stylesheet" type="text/css" media="screen" title="default"/>
        <title>Facelet Title</title>
    </h:head>
    <h:body style="background: url(./../Template/Image/login/login_bg.jpg) no-repeat scroll center top transparent">
        <div id="login-holder" style="margin: 0 auto;width: 508px">

            <!-- start logo 
            <div id="logo-login">
                    
            </div>-->
            <!-- end logo -->

            <div class="clear"></div>

            <!--  start loginbox ................................................................................. -->
            <div id="loginbox" style="background: url(./../Template/Image/login/loginbox_bg.png) no-repeat;margin: 200px 0 0 15px;height: 310px">

                <!--  start login-inner -->
                <div id="login-inner" style="color: #161616;font-size: 13px;line-height: 12px;margin: 0 auto;padding-top: 50px;width: 400px;padding-left: 40px">
                    <table style="border: none" cellpadding="5px" cellspacing="5px">
                        <h:form>
                            
                            <tr>
                                <td><h:outputLabel style="font-size: 15px;font-weight: bold;padding-left: 10px;text-align: center;width: 150px;color: #161616">Username</h:outputLabel></td>
                                <td><h:inputText value="#{loginBean.accountId}" style="width: 450px;height: 30px;background: url(./../Template/Image/login/inp_login.gif) no-repeat scroll 0 0 transparent;border: none;color: white;padding-left: 10px"/></td>
                            </tr>
                            <tr>
                                <td><h:outputLabel style="font-size: 15px;font-weight: bold;padding-left: 10px;text-align: center;width: 150px;color: #161616">Password</h:outputLabel></td>
                                <td><h:inputSecret value="#{loginBean.password}" style="width: 450px;background: url(./../Template/Image/login/inp_login.gif) no-repeat scroll 0 0 transparent;height: 30px;border: none;color: white;padding-left: 10px"/></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td valign="top"><input type="checkbox" id="login-check" /><label for="login-check" style="color: #161616;cursor: pointer;font-weight: bold;line-height: 13px;padding-left: 10px;font-size: 13px">Remember me</label></td>
                            </tr>
                            <tr>
                                <th></th>
                                <td><p:commandButton action="#{loginBean.doLogin()}" style="background: url(./../Template/Image/login/submit_login.gif) no-repeat scroll 0 0 transparent;border: medium none;cursor: pointer;display: block;height: 29px;text-indent: -3000px;width: 73px" /></td>
                            </tr>
                        </h:form>
                    </table>
                </div>
                <!--  end login-inner -->
                <div class="clear"></div>
                <h:link style="margin-right: 20px;float: right;font-size: 11px;font-weight: bold;text-decoration: none;color: #161616" id="forgot">Forgot your password ?</h:link>
            </div>
        </div>
    </h:body>
</html>

